<!DOCTYPE html>
<#include "header.ftl">
<html>
<body>
<div id="myCarousel" data-ride="carousel" data-interval="4000" class="sui-carousel slide">
    <ol class="carousel-indicators" style="top: 95%;left: 20%;">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="3"></li>
    </ol>
    <div class="carousel-inner">
        <div class="active item" style="background: rgb(48, 153, 234);">
            <img src="../static/img/banner_1.png">
        </div>
        <div class="item" style="background: rgb(77, 184, 85);">
            <img src="../static/img/banner_2.png">
        </div>
        <div class="item" style="background: rgb(138, 119, 225);">
            <img src="../static/img/banner_3.png">
        </div>
        <div class="item" style="background: rgb(190, 71, 85);">
            <img src="../static/img/banner_4.png">
        </div>
    </div>
<#--<a href="#myCarousel" data-slide="prev" class="carousel-control left">‹</a><a href="#myCarousel" data-slide="next" class="carousel-control right">›</a>-->
</div>
<form id="form-login" class="sui-form form-horizontal loginForm"
      novalidate="novalidate">
    <div class="control-group">
        <label for="accountName">账号：</label>
        <div class="controls">
            <input type="text" id="accountName" name="accountName" placeholder="账号" data-rules="required">
        </div>
    </div>
    <div class="control-group">
        <label for="password">密码：</label>
        <div class="controls">
            <input type="password" id="password" name="password" placeholder="密码" title="密码"
                   data-rules="required|minlength=6|maxlength=12">
        </div>
    </div>
    <div class="control-group">
        <label class="checkbox-pretty inline checked">
            <input type="checkbox" checked="checked" id="remember-me"><span>记住账号</span>
        </label>
    </div>
    <div class="control-group">
        <label for="sanwei"></label>
        <div class="controls">
            <button type="submit" class="sui-btn btn-primary user-login">登录</button>
            &nbsp;
            <a href="register">
                <button type="button" class="sui-btn btn-primary">注册</button>
            </a>
        </div>
    </div>
</form>

<div class="sui-container grid-demo">
    <div class="sui-row-fluid">
        <div class="span6">
            <ul class="sui-nav nav-tabs nav-xlarge nav-primary">
                <li class="active"><a href="#remen" data-toggle="tab">热门</a></li>
                <li><a href="#zuixin" data-toggle="tab">最新</a></li>
                <li><a href="#">更多</a></li>
            </ul>
            <div class="tab-content">
                <div id="remen" class="tab-pane active">
                    <table class="sui-table " id="tab-popular">
                        <thead>
                        <tr>
                            <th>游戏logo</th>
                            <th>游戏名称</th>
                            <th>上线时间</th>
                            <th>平台类型</th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
                <div id="zuixin" class="tab-pane">
                    <table class="sui-table" id="tab-new">
                        <thead>
                        <tr>
                            <th>游戏logo</th>
                            <th>游戏名称</th>
                            <th>上线时间</th>
                            <th>平台类型</th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <div class="span6">
            <ul class="sui-nav nav-tabs nav-xlarge nav-primary">
                <li class="active"><a href="#remen" data-toggle="tab">开服列表</a></li>
                <li><a href="#kaifu">更多</a></li>
            </ul>
            <div class="tab-content">
                <div id="kaifu" class="tab-pane active">
                    <table class="sui-table " id="tab-service">
                        <thead>
                        <tr>
                            <th>游戏logo</th>
                            <th>游戏名称</th>
                            <th>游戏类型</th>
                            <th>日期</th>
                        </tr>
                        </thead>
                        <tbody>

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<#include "footer.ftl">
<script src="../static/js/plugins/sea/sea.js"></script>
<script src="../static/js/sea.config.js"></script>
<script>
    seajs.use('/static/js/game/login');
</script>
<script id="tp-new" type="text/html">
    <% for (var i = 0; i < list.length; i ++) {
    var game = list[i];
    %>
    <tr>
        <td><img src="/login/lgog/<%= game.gameId%>"></td>
        <td><%= game.gameName %></td>
        <td><%= dateFormat(game.gameLoadtime,'yyyy-MM-dd') %></td>
        <td><%= game.plateformType %></td>
    </tr>
    <% } %>
</script>

<script id="tp-service" type="text/html">
    <% for (var i = 0; i < list.length; i ++) {
    var game = list[i];
    %>
    <tr>
        <td><img src="/login/lgog/<%= game.gameId%>"></td>
        <td><%= game.gameName %></td>
        <td><%= game.gameType %></td>
        <td><%= dateFormat(game.gameLoadtime,'yyyy-MM-dd') %></td>
    </tr>
    <% } %>
</script>
</body>
</html>
